﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPageIndex.master" AutoEventWireup="true" CodeFile="HuongDanDangKy.aspx.cs" Inherits="HuongDanDangKy" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="row shop-tracking-status">

        <div class="col-md-12">
            <div class="well">

                <div class="form-horizontal">
                    <div class="form-group">
                        <label for="inputOrderTrackingID" class="col-sm-2 control-label">Order id</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="inputOrderTrackingID" value="" placeholder="# put your order id here">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="button" id="shopGetOrderStatusID" class="btn btn-success">Get status</button>
                        </div>
                    </div>
                </div>

                <h4>Your order status:</h4>

                <ul class="list-group">
                    <li class="list-group-item">
                        <span class="prefix">Date created:</span>
                        <span class="label label-success">12.12.2013</span>
                    </li>
                    <li class="list-group-item">
                        <span class="prefix">Last update:</span>
                        <span class="label label-success">12.15.2013</span>
                    </li>
                    <li class="list-group-item">
                        <span class="prefix">Comment:</span>
                        <span class="label label-success">customer's comment goes here</span>
                    </li>
                    <li class="list-group-item">You can find out latest status of your order with the wollofing link:</li>
                    <li class="list-group-item"><a href="//tracking/link/goes/here">//tracking/link/goes/here</a></li>
                </ul>

                <div class="order-status">

                    <div class="order-status-timeline">
                        <!-- class names: c0 c1 c2 c3 and c4 -->
                        <div class="order-status-timeline-completion c3"></div>
                    </div>

                    <div class="image-order-status image-order-status-new active img-circle">
                        <span class="status">Gửi hồ sơ đăng ký</span>
                        <div class="icon"></div>
                    </div>
                    <div class="image-order-status image-order-status-active active img-circle">
                        <span class="status">Duyệt hồ sơ</span>
                        <div class="icon"></div>
                    </div>
                    <div class="image-order-status image-order-status-intransit active img-circle">
                        <span class="status">Chấp nhận hồ sơ</span>
                        <div class="icon"></div>
                    </div>
                    <div class="image-order-status image-order-status-delivered active img-circle">
                        <span class="status">Gửi thông báo thành công</span>
                        <div class="icon"></div>
                    </div>
                    <div class="image-order-status image-order-status-completed active img-circle">
                        <span class="status">Truy cập dịch vụ</span>
                        <div class="icon"></div>
                    </div>                   
                </div>
            </div>
        </div>

    </div>
</asp:Content>

